layui.use(['upload', 'element', 'layer','form'], function() {
    var $ = layui.jquery
        , upload = layui.upload
        , element = layui.element
        , layer = layui.layer
        ,form = layui.form;

    //常规使用 - 普通图片上传
    var uploadInst = upload.render({
        elem: '#uploadPhoto'//上传文件按钮的id
        , url: 'mc/upload' //上传接口，使用时改成自己的上传接口即可。
        ,data:{  //请求参数
            parentName:"img"//文件上传的父文件夹名称
        }
        ,accept:'images'// 可接受的文件类：图片、音频、文件等
        ,auto:true //点击图片后是否自动上传
        ,field:'uploadFile'//文件域的字段名字
        , before: function (obj) {
            //预读本地文件示例，不支持ie8
            obj.preview(function (index, file, result) {
                $('#demo1').attr('src', result); //图片链接（base64）
                $('#demo1').css({'width':'160px','height':'160px'});
            });
        }
        , done: function (res) {
            //如果上传成功则返回执行该函数
            layer.msg("success");
            $("#mPhoto").val(res.data);
        }

    });

    //常规使用 - 普通音频上传
    var uploadInst = upload.render({
        elem: '#uploadMpath'//上传文件按钮的id
        , url: 'mc/upload' //上传接口，使用时改成自己的上传接口即可。
        ,data:{  //请求参数
            parentName:"mp3"//文件上传的父文件夹名称
        }
        ,accept:'audio'// 可接受的文件类：图片、音频、文件等
        ,auto:true //点击图片后是否自动上传
        ,field:'uploadFile'//文件域的字段名字
        , done: function (res) {
            layer.msg("success");
            //如果上传成功则返回执行该函数
            $("#mPath").val(res.data);
        }

    });


    //submit中的值就是lay-filter的值
    form.on('submit(sub)', function(data){
        console.log(data.field); //得到表单中的所有字段
        $.ajax({
            type:'post',
            url:'mc/add',
            data: data.field,//传递整个表单数据
            success:function (res) {
                  layer.msg(res.msg);//res:后端返回的结果
                  window.parent.location.reload();
            }
        })
        return false;//此段如需提交，则去掉，该段作用为阻止表单提交
    });
})